.flexslider {
		width: 100%;
		position:relative;
		float:left;
		background-color:#F4F4F4;
}

.flexslider li {
		position: relative;
}

.flexslider li .meta {
		position: absolute;
		top: 50%;
		transform:translateY(-50%);
		right: 8%;
		width:35%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start;
					background-color: rgba(0, 0, 0, 0.9);
					padding: 20px ;
					color: white;
					z-index:9999;
}
.flexslider li h2 {
		padding: 0;
		font-weight: 400;
		width:auto;
		font-size:36px;
		float:left;
}
.flexslider li h3{font-weight:800;}
a.category {
		background-color:#cc0000;
		color:white;
		padding:5px 10px;
		font-weight:600;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
		width:auto; float:left;
		margin-top: 0;
		font-size: small;
		letter-spacing: .1em;
}
a.category.red {
		background-color:white;
		color:#cc0000;

}

.flexslider li  p {
	margin-bottom:30px;
}
.flexslider li h2,
.flexslider li a.category,
.flexslider li p {
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeOutRight;
		animation-name: fadeOutRight;
}
.flexslider li img {
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeOutLeft;
		animation-name: fadeOutLeft;
		/*width:50%;
		margin-left:5%;*/
}

.flexslider li.flex-active-slide .meta h2,
.flexslider li.flex-active-slide .meta a.category,
.flexslider li.flex-active-slide .meta p {
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
}
.flexslider li.flex-active-slide img {
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
}

.flexslider li.flex-active-slide .meta h2 {
		-webkit-animation-delay: .5s;
		animation-delay: .5s;
}

.flexslider li.flex-active-slide .meta a.category {
		-webkit-animation-delay: .6s;
		animation-delay: .6s;
}

.flexslider li.flex-active-slide .meta p {
		-webkit-animation-delay: .8s;
		animation-delay: .8s;
}

.flex-direction-nav {
		position: absolute;
		top: 0;
		left: 30px;
		width: 96%;
}

.flex-direction-nav a {
		text-decoration: none;
		display: block;
		width: 50px;
		height: 50px;

		margin: -20px 0 0;
		position: absolute;
		top: 200px;
		z-index: 10;
		overflow: hidden;

		cursor: pointer;
		color: #fff;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		text-indent:9999em;
}

.flex-direction-nav .flex-prev {
		text-align: left;
		left: 0px;
		background: url(../images/left.png) no-repeat;
		background-size: 50px 50px;
}

.flex-direction-nav .flex-next {
		text-align: right;
		right: 0px;
		background: url(../images/right.png) no-repeat;
		background-size: 50px 50px;
}

.flexslider:hover .flex-prev {
}

.flexslider:hover .flex-next {
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
		opacity: 1;
}

.flex-direction-nav a:before {
		content: '>';
		font-size: 25px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: relative;
		top: 1px;
		padding: 2px;
}

.flex-direction-nav a.flex-next:before {
		content: '<';
}

@-webkit-keyframes fadeInLeft {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

@keyframes fadeInLeft {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

@-webkit-keyframes fadeOutLeft {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
}

@keyframes fadeOutLeft {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
}